<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>抢先订</title>
		<link rel="stylesheet" href="../css/commonCss.css">
	</head>

	<body>
	<!--头部信息 begin-->
	<div class="myHeader">
		<div class="header">
			<div class="header_con"
				style="width: 100%; height: 31px; background-color: #eee; z-index: 12; position: relative;">
				<!--      地区注册 导航等....-->
				<div class="site-nav" style="width: 1200px; margin:0 auto;">
					<div class="fl ml10">
						<div class="city-choice" style="position: relative;">
							<!--  地图-->
							<div class="dsc-choie dsc-cm" style="z-index: 998;">
								<i class="iconfont">&#xe634;</i>
								<span class="ui-areamini-text fz12">郑州市</span>
							</div>
							<!-- 地图整体内容-->
							<div class="dorpdown-layer" style="left: 0px; z-index: 997;">
								<div class="ui-areamini-content-wrap fz12">
									<!-- 热门城市 -->
									<div class="hot">
										<a href="javascript:void(0);">苏州市</a>
										<a href="javascript:void(0);">北京市</a>
										<a href="javascript:void(0);">天津市</a>
										<a href="javascript:void(0);">上海市</a>
									</div>
									<!-- 字母导航 -->
									<div class="search-first-letter">
									</div>
									<!-- 具体城市 -->
									<div class="scrollBody">
										<!-- 所有城市的列表 -->
										<div class="all-list">
											<ul>
	
											</ul>
										</div>
										<!-- 滚动 -->
										<div class="scrollBar">
											<div class="city_bar"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 登录注册 -->
						<div class="txt-info fz12">
							<a href="./login.html" class="link-login red">请登录</a>
							<a href="./register.html" class="link-regist">免费注册</a>
						</div>
					</div>
					<!-- 右边的导航 -->
					<ul class="quick-menu fr fz12">
						<li>
							<div class="dt">
								<a href="javascript:void(0)">我的订单</a>
							</div>
						</li>
						<li class="spacer"></li>
						<li>
							<div class="dt">
								<a href="javascript:void(0)">我的浏览</a>
							</div>
						</li>
						<li class="spacer"></li>
						<li>
							<div class="dt">
								<a href="javascript:void(0)">我的收藏</a>
							</div>
						</li>
						<li class="spacer"></li>
						<li>
							<div class="dt">
								<a href="javascript:void(0)">客户服务</a>
							</div>
						</li>
						<li class="spacer"></li>
						<li>
							<div class="dt dsc-cm">
								网站导航
								<i class="iconfont icon-down">&#xe600;</i>
							</div>
							<div class="dd dorpdown-layer">
								<dl class="fore1">
									<dt>特色主题</dt>
									<dd>
										<div class="item">
											<a href="javascript:void(0);"></a>
										</div>
										<div class="item">
											<a href="javascript:void(0);">男装女装</a>
										</div>
										<div class="item">
											<a href="javascript:void(0);">鞋靴箱包</a>
										</div>
									</dd>
								</dl>
								<dl class="fore2">
									<dt>促销活动</dt>
									<dd>
										<div class="item"><a href="javascript:void(0);">拍卖活动</a></div>
										<div class="item"><a href="javascript:void(0);">共创商品</a></div>
										<div class="item"><a href="javascript:void(0);">积分商城</a></div>
										<div class="item"><a href="javascript:void(0);">CMS频道</a></div>
										<div class="item"><a href="javascript:void(0);">优惠活动</a></div>
										<div class="item"><a href="javascript:void(0);">超值礼包</a></div>
										<div class="item"><a href="javascript:void(0);">优惠券</a></div>
										<div class="item"><a href="javascript:void(0);">礼品卡</a></div>
										<div class="item"><a href="javascript:void(0);">预售商品</a></div>
									</dd>
								</dl>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="w w1200 clearfix">
				<!--    logo-->
				<div class="logo">
					<a href="../index.html" style="width: 159px; height: 100px;">
						<img src="../commonImg/shop_logo.gif" alt="">
					</a>
				</div>
				<!--    头部内容-->
				<div class="header_con">
	
					<!-- 搜索框 -->
					<div class="dsc-search">
						<div class="form">
							<form action="javascript:void(0);" class="search-form">
								<input type="text" placeholder="周大福" class="search-text">
								<button class="button button-goods">搜商品</button>
								<button class="button button-store">搜店铺</button>
							</form>
							<ul class="keyword fz12">
								<li>
									<a href="javascript:void(0);">
										周大福
									</a>
								</li>
								<li>
									<a href="javascript:void(0);">
										内衣
									</a>
								</li>
								<li>
									<a href="javascript:void(0);">
										Five Plus
									</a>
								</li>
								<li>
									<a href="javascript:void(0);">
										手机
									</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- 购物车小型 -->
					<div class="shopCart fz12">
						<div class="shopCart-con dsc-cm">
							<a href="javscript:void(0);">
								<i class="iconfont icon-carts">&#xe63f;</i>
								<span>我的购物车</span>
								<em class="count cart_num">0</em>
							</a>
						</div>
						<div class="dorpdown-layer" style="right: 63px; top: 54px;">
							<div class="prompt">
								<div class="nogoods">
									<b></b>
									<span>购物车中还没有商品，赶紧选购吧！</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--头部信息 end-->
	</div>
	
	
	
	
	
	
			<!-- 导航区域 -->
			<div class="nav-s dsc-zoom-s presale-css-s">
				<div class="w w1200 preSale-s">
					<div class="categorys-s site-mast-s">
						<div class="categorys-type-s" id="presale-s">
							<a href="../index.html" target="_blank">全部商品分类</a>
						</div>
						<!-- 侧边导航 -->
						<div class="categorys-tab-content-s" id="categorys-presale-s">
							<div class="categorys-items-s" id="cata-nav-s">
								<div class="item-s categorys-item-s" ectype="cateItem">
									<div class="item-content-s">
										<i class="pre-icon-s pre1-s"></i>
										<div class="categorys-title-s">
											<strong>
												<a href="">智娱智乐</a>
											</strong>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="item-s categorys-item-s" ectype="cateItem">
									<div class="item-content-s">
										<i class="pre-icon-s pre2-s"></i>
										<div class="categorys-title-s">
											<strong>
												<a href="">手机通讯</a>
											</strong>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="item-s categorys-item-s" ectype="cateItem">
									<div class="item-content-s">
										<i class="pre-icon-s pre3-s"></i>
										<div class="categorys-title-s">
											<strong>
												<a href="">电脑数码</a>
											</strong>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="item-s categorys-item-s" ectype="cateItem">
									<div class="item-content-s">
										<i class="pre-icon-s pre4-s"></i>
										<div class="categorys-title-s">
											<strong>
												<a href="">家用电器</a>
											</strong>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="item-s categorys-item-s" ectype="cateItem">
									<div class="item-content-s">
										<i class="pre-icon-s pre5-s"></i>
										<div class="categorys-title-s">
											<strong>
												<a href="">家居家装</a>
											</strong>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="item-s categorys-item-s" ectype="cateItem">
									<div class="item-content-s">
										<i class="pre-icon-s pre6-s"></i>
										<div class="categorys-title-s">
											<strong>
												<a href="">食品生鲜</a>
											</strong>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="item-s categorys-item-s" ectype="cateItem">
									<div class="item-content-s">
										<i class="pre-icon-s pre7-s"></i>
										<div class="categorys-title-s">
											<strong>
												<a href="">图书音像</a>
											</strong>
										</div>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="nav-main-s" id="nav-s">
						<ul class="navitems-s">
							<li class="channel-s channel-now-s">
								<a href="index-yushou1-s">首页</a>
							</li>
							<li class="channel-s channel-now-s">
								<a href="yushou02.html">新品发布</a>
							</li>
							<li class="channel-s channel-now-s">
								<a href="yushou03.html" style="color: #f42424;">抢先定</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- banner区域 -->
			<div class="banner-s banner-new-s">
				<div class="pre-banner-s">
					<div class="bd-s">
						<ul>
							<li style="background-color:#50befb;">
								<div class="banner-width-s">
									<a href="" target="_blank">
										<img src="../commonImg/yushou-03-01.png" alt="" width="1200" height="380">
									</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 分类区域 -->
			<div class="preSale-filter-s">
				<div class="filter-s">
					<div class="filter-section-wrapper-s mb-component-s mt-component-s w1200 w">
						<div class="component-filter-s component-filter-category-s">
							<div class="filter-label-list-s">
								<div class="label-s">分类</div>
								<div class="filter-quanbu red-selected">
									<a href="javascript:void(0);" class="jijiang">全部</a>
								</div>
								<ul class="inline-block-list">
									<li>
										<a class="active dianji1" id="zhineng" href="javascript:void(0);">智娱智乐</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="dianji2">手机通讯</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="dianji3">电脑数码</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="dianji4">家用电器</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="dianji5">家居家装</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="dianji6">食品生鲜</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="dianji7">图书音像</a>
									</li>
								</ul>
							</div>
							<div class="filter-label-list-s">
								<div class="label-s">排列</div>
								<div class="filter-quanbu red-selected">
									<a href="javascript:void(0);" class="jijiang">默认</a>
								</div>
								<ul class="inline-block-list">
									<li>
										<a href="javascript:void(0);" class="gd">价格</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="jijiang">新品</a>
									</li>
								</ul>
							</div>
							<div class="filter-label-list-s">
								<div class="label-s">状态</div>
								<div class="filter-quanbu red-selected">
									<a href="javascript:void(0);" class="jijiang">全部</a>
								</div>
								<ul class="inline-block-list">
									<li>
										<a href="javascript:void(0);" class="jijiang1">即将开始</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="jijiang2">预约中</a>
									</li>
									<li>
										<a href="javascript:void(0);" class="jijiang3">已结束</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 内容区域 -->
			<div id="content-s">
				<div class="w1200 pb40 w">
					<div class="special-item-s">
						<div class="special-product-s">
							<ul>
								<li>
									<div class="s-warp-s">
										<div class="p-img-s">
											<a href="" target="_blank">
												<img alt="">
											</a>
										</div>
										<div class="p-price-s">
											<span></span>
											<del></del>
										</div>
										<div class="p-name-s">
											<a href="" target="_blank"></a>
										</div>
										<div class="p-info-s">
											<div class="p-left-s">
												<div class="time" data-time="2020-06-16 15:34:11">

												</div>
												<div class="appointment">已有<em></em>人预约</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="s-warp-s">
										<div class="p-img-s">
											<a href="" target="_blank">
												<img alt="">
											</a>
										</div>
										<div class="p-price-s">
											<span></span>
											<del></del>
										</div>
										<div class="p-name-s">
											<a href="" target="_blank"></a>
										</div>
										<div class="p-info-s">
											<div class="p-left-s">
												<div class="time" ectype="time" data-time="2022-01-31 11:56:03">
													倒计时<span class="days"></span>天&nbsp;<span
														class="hours"></span>:<span class="minutes"></span>:<span
														class="seconds"></span>
												</div>
												<div class="appointment">已有<em></em>人预约</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="s-warp-s">
										<div class="p-img-s">
											<a href="" target="_blank">
												<img alt="">
											</a>
										</div>
										<div class="p-price-s">
											<span></span>
											<del></del>
										</div>
										<div class="p-name-s">
											<a href="" target="_blank"></a>
										</div>
										<div class="p-info-s">
											<div class="p-left-s">
												<div class="time" data-time="2020-06-16 15:34:11">

												</div>
												<div class="appointment">已有<em></em>人预约</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="s-warp-s">
										<div class="p-img-s">
											<a href="" target="_blank">
												<img alt="">
											</a>
										</div>
										<div class="p-price-s">
											<span></span>
											<del></del>
										</div>
										<div class="p-name-s">
											<a href="" target="_blank"></a>
										</div>
										<div class="p-info-s">
											<div class="p-left-s">
												<div class="time" data-time="2020-06-16 15:34:11">

												</div>
												<div class="appointment">已有<em></em>人预约</div>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="s-warp-s">
										<div class="p-img-s">
											<a href="" target="_blank">
												<img alt="">
											</a>
										</div>
										<div class="p-price-s">
											<span></span>
											<del></del>
										</div>
										<div class="p-name-s">
											<a href="" target="_blank"></a>
										</div>
										<div class="p-info-s">
											<div class="p-left-s">
												<div class="time" data-time="2020-06-16 15:34:11">

												</div>
												<div class="appointment">已有<em></em>人预约</div>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="no_records no_records_tc">
					<i class="no_icon_two"></i>
					<div class="no_info no_info_line">
						<h3>该分类下没有内容</h3>
						<div class="no_btn">
							<a href="../index.html" class="btn sc-redBg-btn">返回首页</a>
						</div>
					</div>
				</div>
			</div>
			<!-- <script type="text/javascript">
				// 购物倒计时倒计时
				function GetRTime(){
				       var EndTime= new Date('2022-01-31 11:56:03');
				       var NowTime = new Date();
				       var t =EndTime.getTime() - NowTime.getTime();
				       var d=Math.floor(t/1000/60/60/24);
				       var h=Math.floor(t/1000/60/60%24);
				       var m=Math.floor(t/1000/60%60);
				       var s=Math.floor(t/1000%60);
				
				       document.querySelector(".days").innerHTML = d + "天";
				       document.querySelector(".hours").innerHTML = h + "时";
				       document.querySelector(".minutes").innerHTML = m + "分";
				       document.querySelector(".seconds").innerHTML = s + "秒";
				   }
			</script> -->
			<!-- 尾部 -->
			<div class="footer-new">
				<!-- 尾部的上面 -->
				<div class="footer-top">
					<div class="top-text">
						<div class="server-list">
							<div class="list-item">
								<div class="icon1 icon"></div><span>七天包退</span>
							</div>
							<div class="list-item">
								<div class="icon icon2"></div><span>正品保障</span>
							</div>
							<div class="list-item">
								<div class="icon icon3"></div><span>好评如潮</span>
							</div>
							<div class="list-item">
								<div class="icon icon4"></div><span>闪电发货</span>
							</div>
							<div class="list-item">
								<div class="icon icon5"></div><span>权威荣誉</span>
							</div>
						</div>
						<div class="server-contant">
							<div class="contant-first">
								<div class="icon1 icon"></div><span>4001-021-758</span>
							</div>
							<div class="contant-second">
								<a href="#">
									<div class="icon2 icon"></div><span>资讯客服</span>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- 尾部的中间 -->
				<div class="footer-center">
					<div class="center-banner">
						<div class="left">
							<div class="left-item">
								<h3>新手上路</h3>
								<ul>
									<li><a href="#">售后流程</a></li>
									<li><a href="#">订购流程</a></li>
									<li><a href="#">订购方式</a></li>
								</ul>
							</div>
							<div class="left-item">
								<h3>配送与支付</h3>
								<ul>
									<li><a href="#">货到付款区域</a></li>
									<li><a href="#">配送支付智能查询</a></li>
									<li><a href="#">支付方式说明</a></li>
								</ul>
							</div>
							<div class="left-item">
								<h3>服务保证</h3>
								<ul>
									<li><a href="#">退换货原则</a></li>
									<li><a href="#">售后服务保证</a></li>
									<li><a href="#">产品质量保证</a></li>
								</ul>
							</div>
							<div class="left-item">
								<h3>联系我们</h3>
								<ul>
									<li><a href="#">网站故障报告</a></li>
									<li><a href="#">选机咨询</a></li>
									<li><a href="#">投诉与建议</a></li>
								</ul>
							</div>
							<div class="left-item">
								<h3>会员中心</h3>
								<ul>
									<li><a href="#">资金管理</a></li>
									<li><a href="#">我的收藏</a></li>
									<li><a href="#">我的订单</a></li>
								</ul>
							</div>
						</div>
						<div class="right">
							<div class="right-item1 margin">
								<div class="code">
									<img src="../commonImg/ecjia_qrcode.jpg">
								</div>
								<div class="text">关注微信</div>
							</div>
							<div class="right-item1">
								<div class="code">
									<img src="../commonImg/ectouch_qrcode.jpg">
								</div>
								<div class="text">下载App</div>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bot">
					<div class="bot-banner">
						<p class="bot-p1">
							<a href="#">首页</a><span class="spaer"></span>
							<a href="#">隐私保护</a><span class="spaer"></span>
							<a href="#">联系我们</a><span class="spaer"></span>
							<a href="#">免责条款</a><span class="spaer"></span>
							<a href="#">公司简介</a><span class="spaer"></span>
							<a href="#">商家入驻</a><span class="spaer"></span>
							<a href="#">供应商入驻</a><span class="spaer"></span>
							<a href="#">意见反馈</a>
						</p>
						<p class="bot-p1">
							<a href="#">b2b2c</a><span class="spaer"></span>
							<a href="#">多用户商城系统</a><span class="spaer"></span>
							<a href="#">商城系统</a><span class="spaer"></span>
							<a href="#">ecjia新零售</a>
						</p>
						<p class="bot-p1">
							ICP备案证书号沪ICP备14029880号- 5
						</p>
						<p class="bot-p1">
							<a href="#">版权所有&copy;2005-2021大商创，并保留所有权利。POWERED BY DSCMALL</a>
						</p>
					</div>
				</div>
			</div>
			<link rel="stylesheet " href="../css/public.css ">
			<link rel="stylesheet" href="../css/yushou3-s.css">1
			<script src="../js/jquery-3.6.0.js "></script>
			<script src="../js/yushou2-3public.js"></script>
			<script src="../js/data-s.js"></script>
			<script src="../js/commonJs.js"></script>
			
	</body>

</html>
